<template>
<div>
  <!-- 插槽 -->

  <!-- <MySlot1>
    <a :href="url">点击</a>
  </MySlot1> -->


  <!-- 具名插槽 -->

  <!-- <MySlot>
   <template v-slot:header>
    <div>
        头部
    </div>
   </template>
      <template v-slot:body>
    <div>
        body
    </div>
   </template>
      <template v-slot:footer>
    <div>
        页脚
    </div>
   </template>
</MySlot> -->

<!-- 作用域插槽   -->
<MySlot2 v-slot:default="userProp">
{{userProp.user.lastName}}
</MySlot2>



</div>





</template>

<script>
import MySlot2 from './components/MySlot2.vue';

// import MySlot from './components/MySlot.vue'
// import MySlot1 from './components/MySlot1.vue';

export default {
  data() {
    return {
      // url:'/123'
    }
  },

  components:{
    MySlot2
}
}
</script>

<style>

</style>
